<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>异地扫码</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<!--[if IE 9]> <link href="css/ieHack9.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 8]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /><link href="css/ieHack8.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if lte IE 7]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<style>
			.overeclipse{display: inline-block;width:130px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
		</style>
		 
	</head>

	<body>
		<script src="js/tpl/header.js" type="text/javascript" charset="utf-8"></script>
		<div class="page-wrapper productlist minwidth border" id="page-wrapper">
			<div class="line"></div>
			<script src="js/tpl/menu.js" type="text/javascript" charset="utf-8"></script><div class="vertival-line"></div>
			<div class="page-content">
				<div class="tablist">
					<ul>
						<li class="tabItem active">
							<a href="remoteScan.html#errorFinder">异地扫码</a>
						</li>
						<li class="tabItem">
							<a href="abnormaqrcode.html#errorFinder">异常二维码</a>
						</li>
					</ul>
				</div>

				<div class="page-container">
					<div class="page-form">
						<div class="form">
							<form class="multiinline-form" id="searchForm">
								<section>
									<div>
										<label>产品名称：</label>
										<input type="text" placeholder="请输入产品名称" style="width: 129px;" />
									</div>
									<div>
										<label>用户：</label>
										<input type="text" placeholder="请输入用户名称" style="width: 129px;" />
									</div>
									<div>
										<label>二维码ID：</label>
										<input type="text" placeholder="请输入二维码ID" style="width: 129px;" />
									</div>
								</section>

								<br>
								<div class="clearfix"></div>

								<section style="margin-top:14px;">
									<div>
										<label>铺货单号：</label>
										<input type="text" placeholder="请输入铺货单号" style="width: 129px;" />
									</div>
									<div >
										<label>扫码时间：</label>
										<input type="text" class="Wdate" onfocus="WdatePicker()" />--<input type="text" class="Wdate" onfocus="WdatePicker()" />
									</div>
<input type="hidden" value="" id="pageNo" name="pageNo" />
									<input type="button" value="搜索" class="search-input-button" />
									<input type="button" value="重置" class="search-input-button bgblue" />
								</section>

							</form>
						</div>
					</div>
					<div class="table">
						<div class="tablelist">
							<table>
								<thead>
									<tr>
										<th class="colspan" style="width:250px;padding-left:40px;">产品信息</th>
										<th>用户</th>
										<th>地区</th>
										<th>扫码时间</th>
										<th style="padding:0 40px;">操作</th>
									</tr>
								</thead>
								<tbody id="itemContainer">
									<tr>
										<td class="colspan" style="width:250px;padding-left:40px;">
											<p><span class="inline-block over-hidden">名称：</span><span  class="overeclipse">六粮液</span></p>
											<p style="margin-top:8px;"><span class="inline-block over-hidden">ID：</span><span  class="overeclipse">0nIViGZzCJDi</span></p>
											<p style="margin-top:8px;"><span class="inline-block over-hidden">铺货单：</span><span  class="overeclipse">s2016012532156</span></p>
										</td>
										<td>
											<p>小呀么小二郎</p>
										</td>
										<td>
											<p><span   class="inline-block over-hidden">销售：</span><span  class="overeclipse">山东省济南市咕噜呼和浩特自治区</span></p>
											<p class="clearfix" style="padding-top:20px;"><span   class="inline-block red over-hidden">扫码：</span><span  class="red overeclipse">黑龙江省哈尔滨呼和浩特自治区</span></p>
										</td>
										<td>
											<p>2016-01-12 11:08:37</p>
											<p style="margin-top:20px;">2016-01-12 11:08:37</p>
										</td>
										<td style="padding:0 40px;">
											<span class="bugDetail colorblue  pro_name" data-id='5'>详情</span>
										</td>
									</tr>
									
									<tr>
										<td class="colspan" style="width:250px;padding-left:40px;">
											<p><span class="inline-block over-hidden">名称：</span><span  class="overeclipse">六粮液</span></p>
											<p style="margin-top:8px;"><span class="inline-block over-hidden">ID：</span><span  class="overeclipse">0nIViGZzCJDi</span></p>
											<p style="margin-top:8px;"><span class="inline-block over-hidden">铺货单：</span><span  class="overeclipse">s2016012532156</span></p>
										</td>
										<td>
											<p>小呀么小二郎</p>
										</td>
										<td>
											<p><span   class="inline-block over-hidden">销售：</span><span  class="overeclipse">山东省济南市咕噜呼和浩特自治区</span></p>
											<p class="clearfix" style="padding-top:20px;"><span   class="inline-block red over-hidden">扫码：</span><span  class="red overeclipse">黑龙江省哈尔滨呼和浩特自治区</span></p>
										</td>
										<td>
											<p>2016-01-12 11:08:37</p>
											<p style="margin-top:20px;">2016-01-12 11:08:37</p>
										</td>
										<td style="padding:0 40px;">
											<span class="bugDetail colorblue pro_name" data-id='5'>详情</span>
										</td>
									</tr>
									
									<tr>
										<td class="colspan" style="width:250px;padding-left:40px;">
											<p><span class="inline-block over-hidden">名称：</span><span  class="overeclipse">六粮液</span></p>
											<p style="margin-top:8px;"><span class="inline-block over-hidden">ID：</span><span  class="overeclipse">0nIViGZzCJDi</span></p>
											<p style="margin-top:8px;"><span class="inline-block over-hidden">铺货单：</span><span  class="overeclipse">s2016012532156</span></p>
										</td>
										<td>
											<p>小呀么小二郎</p>
										</td>
										<td>
											<p><span   class="inline-block over-hidden">销售：</span><span  class="overeclipse">山东省济南市咕噜呼和浩特自治区</span></p>
											<p class="clearfix" style="padding-top:20px;"><span   class="inline-block red over-hidden">扫码：</span><span  class="red overeclipse">黑龙江省哈尔滨呼和浩特自治区</span></p>
										</td>
										<td>
											<p>2016-01-12 11:08:37</p>
											<p style="margin-top:20px;">2016-01-12 11:08:37</p>
										</td>
										<td style="padding:0 40px;">
											<span class="bugDetail colorblue pro_name" data-id='5'>详情</span>
										</td>
									</tr>

									
								</tbody>
							</table>
						</div>

						<div class="pagelist fr">
							<div class=" pagedesc fl">当前<span class="currentPage"></span>/<span class="totalpage"></span>，每页<span class="perpage"></span>条，共<span class="totalnumber"></span>条</div>
							<div class="pagination inline-block fl"></div>
							<div class="inline-block fl">
								到第<input type="text" value="" class="gotopage" />页 <input type="button" value="跳转" class="search-input-button border-radius bgblue gotopage_button"></span>
							</div>
						</div>
						 
					
					
					</div>

				</div>

			</div>
		</div>

		<div class="footer">
			<div class="footercontainer">
				<ul>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">服务与支持</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">人才招聘</a>
					</li>
					<li>
						<a href="#">加盟合作</a>
					</li>
				</ul>

				<div style="margin-top:13px;">版权所有@ 2015 - 2016 深圳在乎传媒科技有限公司 粤ICP备15107022-1号</div>
			</div>

		</div>

	</body>

	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/jPages.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/pageFun.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/wdatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
 
	<script>
	
	
		function showDetail(obj){
			var id=$(obj).attr('data-id');
			//根据ID获取详情内容赋值给他
			layer.open({
						type: 2,
						title: '扫码详情',
						shadeClose: true,
						shade: 0.8,
						area: ['450px', '330px'],
						content: 'bugScaninfo.html',
						success: function(layero, index) {
							var body = layer.getChildFrame('body', index);
							var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
						    //这里赋值
						    //body.find('.cate_name').val($(_obj).attr('data-catename'));
						}
			});
		}
		
	  $(function(){
	  	var pageObj = new pageFun();
	  	var currentpage=1,perPage=10,totalNumber=50; 		
		pageObj.pageNoObj= $('#pageNo');
		pageObj.submitFun=function(){
			$('#searchForm').submit();
		}
		/*参数每页多少个,当前页,总个数,容器的ID*/
		pageObj.init(perPage, currentpage,totalNumber, 'itemContainer');
	  })
	</script>

</html>